<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,
    user-scalable=0/">
  <title>QQ轻聊版</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/touch.css">
  <link rel="stylesheet" href="font/font_3145044_rpphd0ynnw7/iconfont.css">
</head>

<body>
  <div class="box w">
    <!-- 头部制作 start-->
    <header class="header w">
      <div class="h_son">
        <span class="item1">
          <a href="#">
            <img src="images/icon_1.png" alt="">
            <em>QQ轻聊版</em>
          </a>
        </span>
        <span class="item2">
          <a href="#">
            <img src="images/icon_2.png" alt="">
          </a>
          <a href="#">
            <img src="images/icon_3.png" alt="">
          </a>

        </span>
      </div>
    </header>
    <!--头部制作 end-->

    <!-- 导航栏 start -->
    <nav class="nav w">
      <ul id="nav_ul">
        <li id="nav_li1"><a href="index.html">消息</a></li>
        <li><a href="touch.html">联系人</a></li>
        <li><a href="wo.html">我</a></li>
      </ul>
    </nav>
    <!-- 导航栏 end -->

    <!-- 内容区start -->
    <div class="t_con w">
      <!--<div  class="item1 iconfont icon-dibiao">&#xe64d;</div>-->
      <ul>
        <li>
          <span>
            <img src="images/icon_9.png" alt="">
            <p>通讯录</p>
          </span>
        </li>
        <li>
          <span>
            <img src="images/icon_10.png" alt="">
            <p>群组</p>
          </span>
        </li>
        <li>
          <span>
            <img src="images/icon_11.png" alt="">
            <p>讨论组</p>
          </span>
        </li>
      </ul>

      <div class="t_bottom">
        <span class="item1 iconfont">
          <p>&#xe632;</p>
          <em>我的设备</em>
          <i>0/1</i>
        </span>
        <span class="item2 iconfont">
          <p>&#xe632;</p>
          <em>我的好友</em>
          <i>4/15</i>
        </span>
      </div>
    </div>
    <!-- 内容区end -->


    <script src="js/index.js"></script>
</body>

</html>